import React,{Component} from 'react';
import {Platform, StyleSheet,ScrollView,Text, View,TouchableOpacity, Alert,Image } from 'react-native';

export default class CourseDetails extends Component{
    static navigationOptions = {
        headerStyle:{
            backgroundColor:'#d04542',
            height:50,
        },
        headerTintColor:'white',
    };
	render(){
		return(
			<ScrollView style={styles.ScrollView}>
				<View style={styles.boxs}>
					<View style={styles.curriculumList}>
						<Image style={styles.curriculumListLeft}
					    	   source={require('../img/133.png')}
					   		   resizeMode={'stretch'} 
						/>
						<View style={styles.curriculumListRight}>
							<View style={styles.curriculumListIntroduce}>
							    <View style={styles.curriculumListIntroduceLeft}> 
							    	<Text style={styles.curriculumListIntroduceLeftName}>王希</Text>
							    </View> 
							    <TouchableOpacity style={styles.curriculumListIntroduceRight}> 
							    	<Text style={styles.curriculumListIntroduceLeftTime}>咨询</Text>
							    </TouchableOpacity> 
							</View> 
						   	<TouchableOpacity style={styles.curriculumListTitle}>
							    <Text style={styles.curriculumListIntroduceLeftTitle}>医生简介</Text>
							</TouchableOpacity> 
						</View>
					</View>
					<View style={styles.curriculumList}>
						<Image style={styles.curriculumListLeft}
					    	   source={require('../img/133.png')}
					   		   resizeMode={'stretch'} 
						/>
						<View style={styles.curriculumListRight}>
							<View style={styles.curriculumListIntroduce}>
							    <View style={styles.curriculumListIntroduceLeft}> 
							    	<Text style={styles.curriculumListIntroduceLeftName}>王希</Text>
							    </View> 
							    <TouchableOpacity style={styles.curriculumListIntroduceRight}> 
							    	<Text style={styles.curriculumListIntroduceLeftTime}>咨询</Text>
							    </TouchableOpacity> 
							</View> 
						   	<TouchableOpacity style={styles.curriculumListTitle}>
							    <Text style={styles.curriculumListIntroduceLeftTitle}>医生简介</Text>
							</TouchableOpacity> 
						</View>
					</View>
					<View style={styles.curriculumList}>
						<Image style={styles.curriculumListLeft}
					    	   source={require('../img/133.png')}
					   		   resizeMode={'stretch'} 
						/>
						<View style={styles.curriculumListRight}>
							<View style={styles.curriculumListIntroduce}>
							    <View style={styles.curriculumListIntroduceLeft}> 
							    	<Text style={styles.curriculumListIntroduceLeftName}>王希</Text>
							    </View> 
							    <TouchableOpacity style={styles.curriculumListIntroduceRight}> 
							    	<Text style={styles.curriculumListIntroduceLeftTime}>咨询</Text>
							    </TouchableOpacity> 
							</View> 
						   	<TouchableOpacity style={styles.curriculumListTitle}>
							    <Text style={styles.curriculumListIntroduceLeftTitle}>医生简介</Text>
							</TouchableOpacity> 
						</View>
					</View>
					<View style={styles.curriculumList}>
						<Image style={styles.curriculumListLeft}
					    	   source={require('../img/133.png')}
					   		   resizeMode={'stretch'} 
						/>
						<View style={styles.curriculumListRight}>
							<View style={styles.curriculumListIntroduce}>
							    <View style={styles.curriculumListIntroduceLeft}> 
							    	<Text style={styles.curriculumListIntroduceLeftName}>王希</Text>
							    </View> 
							    <TouchableOpacity style={styles.curriculumListIntroduceRight}> 
							    	<Text style={styles.curriculumListIntroduceLeftTime}>咨询</Text>
							    </TouchableOpacity> 
							</View> 
						   	<TouchableOpacity style={styles.curriculumListTitle}>
							    <Text style={styles.curriculumListIntroduceLeftTitle}>医生简介</Text>
							</TouchableOpacity> 
						</View>
					</View>
					<View style={styles.curriculumList}>
						<Image style={styles.curriculumListLeft}
					    	   source={require('../img/133.png')}
					   		   resizeMode={'stretch'} 
						/>
						<View style={styles.curriculumListRight}>
							<View style={styles.curriculumListIntroduce}>
							    <View style={styles.curriculumListIntroduceLeft}> 
							    	<Text style={styles.curriculumListIntroduceLeftName}>王希</Text>
							    </View> 
							    <TouchableOpacity style={styles.curriculumListIntroduceRight}> 
							    	<Text style={styles.curriculumListIntroduceLeftTime}>咨询</Text>
							    </TouchableOpacity> 
							</View> 
						   	<TouchableOpacity style={styles.curriculumListTitle}>
							    <Text style={styles.curriculumListIntroduceLeftTitle}>医生简介</Text>
							</TouchableOpacity> 
						</View>
					</View>
					<View style={styles.curriculumList}>
						<Image style={styles.curriculumListLeft}
					    	   source={require('../img/133.png')}
					   		   resizeMode={'stretch'} 
						/>
						<View style={styles.curriculumListRight}>
							<View style={styles.curriculumListIntroduce}>
							    <View style={styles.curriculumListIntroduceLeft}> 
							    	<Text style={styles.curriculumListIntroduceLeftName}>王希</Text>
							    </View> 
							    <TouchableOpacity style={styles.curriculumListIntroduceRight}> 
							    	<Text style={styles.curriculumListIntroduceLeftTime}>咨询</Text>
							    </TouchableOpacity> 
							</View> 
						   	<TouchableOpacity style={styles.curriculumListTitle}>
							    <Text style={styles.curriculumListIntroduceLeftTitle}>医生简介</Text>
							</TouchableOpacity> 
						</View>
					</View>
					<View style={styles.curriculumList}>
						<Image style={styles.curriculumListLeft}
					    	   source={require('../img/133.png')}
					   		   resizeMode={'stretch'} 
						/>
						<View style={styles.curriculumListRight}>
							<View style={styles.curriculumListIntroduce}>
							    <View style={styles.curriculumListIntroduceLeft}> 
							    	<Text style={styles.curriculumListIntroduceLeftName}>王希</Text>
							    </View> 
							    <TouchableOpacity style={styles.curriculumListIntroduceRight}> 
							    	<Text style={styles.curriculumListIntroduceLeftTime}>咨询</Text>
							    </TouchableOpacity> 
							</View> 
						   	<TouchableOpacity style={styles.curriculumListTitle}>
							    <Text style={styles.curriculumListIntroduceLeftTitle}>医生简介</Text>
							</TouchableOpacity> 
						</View>
					</View>
					<View style={styles.curriculumList}>
						<Image style={styles.curriculumListLeft}
					    	   source={require('../img/133.png')}
					   		   resizeMode={'stretch'} 
						/>
						<View style={styles.curriculumListRight}>
							<View style={styles.curriculumListIntroduce}>
							    <View style={styles.curriculumListIntroduceLeft}> 
							    	<Text style={styles.curriculumListIntroduceLeftName}>王希</Text>
							    </View> 
							    <TouchableOpacity style={styles.curriculumListIntroduceRight}> 
							    	<Text style={styles.curriculumListIntroduceLeftTime}>咨询</Text>
							    </TouchableOpacity> 
							</View> 
						   	<TouchableOpacity style={styles.curriculumListTitle}>
							    <Text style={styles.curriculumListIntroduceLeftTitle}>医生简介</Text>
							</TouchableOpacity> 
						</View>
					</View>
				</View>
			</ScrollView>
			
		);
	}
}

const styles = StyleSheet.create({
	  ScrollView:{
		backgroundColor:"#F2F2F2",
	  },
	  boxs:{
		padding:8,
	  },
	  texts:{
	  	height:50,backgroundColor:'#D04542',textAlign: 'center',
	  	color: 'white',fontSize: 18,fontWeight:'bold',lineHeight: 50 ,
	  },
	  curriculumList:{
	  	flexDirection:'row',height:70,borderBottomWidth:1,borderBottomColor: "#D4D4D4",marginTop:10,
	  },
	  curriculumListLeft:{
	  	flex:1,height:60,
	  },
	  curriculumListRight:{
	  	flex:2,paddingLeft:8,
	  },
	  curriculumListTitle:{
	  	height:30,width:'30%',
	  },
	  curriculumListIntroduceLeftTitle:{
	  	lineHeight: 30 ,color: '#A8A8A8',fontSize: 16,
	  },
	  curriculumListIntroduceLeftName:{
	  	fontSize: 18,lineHeight: 30 ,
	  },
	  curriculumListIntroduceLeftTime:{
	  	height:30,lineHeight: 30 ,color: 'white',backgroundColor: '#199940',borderRadius: 2,textAlign: 'center',
	  },
	  curriculumListIntroduce:{
	  	height:30,	flexDirection:'row',
	  },
	  curriculumListIntroduceLeft:{
	  	flex:2,
	  },
	  curriculumListIntroduceRight:{
	  	flex:1,
	  }
});
